<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>同咨科技-商户后台</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../static/css/weadmin.css">
    <link href="../../lib/layui/css/layui.css" rel="stylesheet">

 



    <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="module" src="../components/use-body.js"></script>



    <link href="../../static/css/design.css" rel="stylesheet">
    <link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body>
    <use-body>
        <div class="page-body">
            <span class="layui-breadcrumb breadcrumb" lay-separator="/">
                <a><i title="首页" class="iconfont use-more"></i></a>
                <a>设计大厅</a>
                <a><cite>合成图纸</cite></a>
            </span>
            <div class="steps" style="width:750px">
                <div class="step active last" style="flex-basis: 25%;">
                    <div class="text">
                        <strong>01</strong>
                        完善图框信息
                    </div>
                    <div class="line"></div>
                    <div class="icon">
                        <i class="layui-icon layui-icon-radio"></i>
                    </div>
                </div>
                <div class="step" style="flex-basis: 25%;">
                    <div class="text">
                        <strong>02</strong>
                        选择通用图纸
                    </div>
                    <div class="line"></div>
                    <div class="icon">
                        <i class="layui-icon layui-icon-radio"></i>
                    </div>
                </div>
                <div class="step" style="flex-basis: 25%;">
                    <div class="text">
                        <strong>03</strong>
                        预览合成效果
                    </div>
                    <div class="line"></div>
                    <div class="icon">
                        <i class="layui-icon layui-icon-radio"></i>
                    </div>
                </div>
                <div class="step" style="flex-basis: 25%;max-width: 110px;">
                    <div class="text">
                        <strong>04</strong>
                        合成成功
                    </div>
                    <div class="line"></div>
                    <div class="icon">
                        <i class="layui-icon layui-icon-radio"></i>
                    </div>
                </div>
            </div>
            <div class="design page-border">
                <div class="drawing-form-box">
                    <form class="layui-form" action="">
                        <div class="layui-row space25">
                            <div class="layui-col-xs6">
                                <div class="layui-form-item">
                                    <label class="layui-form-label required">所属模块</label>
                                    <div class="layui-input-block">
                                        <select name="interest" lay-verify="required">
                                            <option value=""></option>
                                            <option value="0">写作</option>
                                            <option value="1" selected>阅读</option>
                                            <option value="2">游戏</option>
                                            <option value="3">音乐</option>
                                            <option value="4">旅行</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label required">项目名称</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" lay-verify="required" placeholder="输入项目名称"
                                            autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label required">子项名称</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" lay-verify="required"
                                            placeholder="输入子项名称" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label required">建设单位</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" lay-verify="required"
                                            placeholder="输入建设单位称" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label required">图纸比例</label>
                                    <div class="layui-input-block">
                                        <select name="interest" lay-verify="required">
                                            <option value=""></option>
                                            <option value="0">写作</option>
                                            <option value="1" selected>阅读</option>
                                            <option value="2">游戏</option>
                                            <option value="3">音乐</option>
                                            <option value="4">旅行</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label required">工程编号</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" lay-verify="required" placeholder="输入工程编号" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label required">专业</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" lay-verify="required" placeholder="输入专业" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">设计阶段</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" placeholder="输入设计阶段" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">图纸编号抬头</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" placeholder="输入图纸编号抬头" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label required">出图日期</label>
                                    <div class="layui-input-block">
                                        <input type="text" class="layui-input" id="ID-laydate-demo" placeholder="输入出图日期">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">项目编号</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" placeholder="输入项目编号" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">图纸版本</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="username" placeholder="B1第1版" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                            </div>
                            
                            <div class="layui-col-xs6">
                                <div class="title">设计公司信息</div>

                                <div class="layui-form-item">
                                    <div class="layui-row">
                                        <div class="layui-col-xs7">
                                            <label class="layui-form-label required">设计公司名称</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="username" lay-verify="required"
                                                    placeholder="输入内容" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-col-xs5">
                                            <label class="layui-form-label">公司logo</label>
                                            <div class="layui-input-block">
                                                <div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
                                                    <i class="layui-hide layui-icon layui-icon-upload"></i> 
                                                    <div class="layui-hide">点击上传</div>
                                                    <div id="ID-upload-demo-preview">
                                                        <img src="../../static/images/login-pic.png" alt="上传成功后渲染" style="max-width: 152px;max-height:72px">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="line"></div>
                                <div class="title">设计人员信息</div>
                                <div class="layui-form-item">
                                    <div class="layui-row">
                                        <div class="layui-col-xs7">
                                            <label class="layui-form-label required">设计人员</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="username" lay-verify="required"
                                                    placeholder="输入内容" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-col-xs5">
                                            <label class="layui-form-label">电子签名</label>
                                            <div class="layui-input-block">
                                                <div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
                                                    <i class="layui-icon layui-icon-upload"></i> 
                                                    <div>点击上传</div>
                                                    <div class="layui-hide" id="ID-upload-demo-preview">
                                                      <hr> <img src="" alt="上传成功后渲染"  style="max-width: 152px;max-height:72px">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="line"></div>
                                <div class="title">校核人员信息</div>
                                <div class="layui-form-item">
                                    <div class="layui-row">
                                        <div class="layui-col-xs7">
                                            <label class="layui-form-label required">校核人员</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="username" lay-verify="required"
                                                    placeholder="输入内容" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-col-xs5">
                                            <label class="layui-form-label">电子签名</label>
                                            <div class="layui-input-block">
                                                <div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
                                                    <i class="layui-icon layui-icon-upload"></i> 
                                                    <div>点击上传</div>
                                                    <div class="layui-hide" id="ID-upload-demo-preview">
                                                      <hr> <img src="" alt="上传成功后渲染"  style="max-width: 152px;max-height:72px">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="line"></div>
                                <div class="title">专业负责人信息</div>
                                <div class="layui-form-item">
                                    <div class="layui-row">
                                        <div class="layui-col-xs7">
                                            <label class="layui-form-label required">专业负责人</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="username" lay-verify="required"
                                                    placeholder="输入内容" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-col-xs5">
                                            <label class="layui-form-label">电子签名</label>
                                            <div class="layui-input-block">
                                                <div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
                                                    <i class="layui-icon layui-icon-upload"></i> 
                                                    <div>点击上传</div>
                                                    <div class="layui-hide" id="ID-upload-demo-preview">
                                                      <hr> <img src="" alt="上传成功后渲染"  style="max-width: 152px;max-height:72px">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="line"></div>
                                <div class="title">项目负责人信息</div>
                                <div class="layui-form-item">
                                    <div class="layui-row">
                                        <div class="layui-col-xs7">
                                            <label class="layui-form-label required">项目负责人</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="username" lay-verify="required"
                                                    placeholder="输入内容" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-col-xs5">
                                            <label class="layui-form-label">电子签名</label>
                                            <div class="layui-input-block">
                                                <div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
                                                    <i class="layui-icon layui-icon-upload"></i> 
                                                    <div>点击上传</div>
                                                    <div class="layui-hide" id="ID-upload-demo-preview">
                                                      <hr> <img src="" alt="上传成功后渲染"  style="max-width: 152px;max-height:72px">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="line"></div>
                                <div class="title">审核人员信息</div>
                                <div class="layui-form-item">
                                    <div class="layui-row">
                                        <div class="layui-col-xs7">
                                            <label class="layui-form-label required">审核人员</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="username" lay-verify="required"
                                                    placeholder="输入内容" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-col-xs5">
                                            <label class="layui-form-label">电子签名</label>
                                            <div class="layui-input-block">
                                                <div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
                                                    <i class="layui-icon layui-icon-upload"></i> 
                                                    <div>点击上传</div>
                                                    <div class="layui-hide" id="ID-upload-demo-preview">
                                                      <hr> <img src="" alt="上传成功后渲染"  style="max-width: 152px;max-height:72px">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="line"></div>
                                <div class="title">审定人员信息</div>
                                <div class="layui-form-item">
                                    <div class="layui-row">
                                        <div class="layui-col-xs7">
                                            <label class="layui-form-label required">审定人员</label>
                                            <div class="layui-input-block">
                                                <input type="text" name="username" lay-verify="required"
                                                    placeholder="输入内容" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                        <div class="layui-col-xs5">
                                            <label class="layui-form-label">电子签名</label>
                                            <div class="layui-input-block">
                                                <div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
                                                    <i class="layui-icon layui-icon-upload"></i> 
                                                    <div>点击上传</div>
                                                    <div class="layui-hide" id="ID-upload-demo-preview">
                                                      <hr> <img src="" alt="上传成功后渲染"  style="max-width: 152px;max-height:72px">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="btn-center">
                            <button type="button" class="layui-btn layui-btn-primary btn-text">取消</button>
                            <button type="button" class="layui-btn">保存</button>
                            <button type="button" class="layui-btn">选择图纸</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </use-body>
</body>
<script>
    layui.use(function () {
        var upload = layui.upload;
        var $ = layui.$;
        // 渲染
        upload.render({
            elem: '#ID-upload-demo-drag',
            url: 'https://httpbin.org/post', // 此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
            done: function(res){
            layer.msg('上传成功');
            $('#ID-upload-demo-preview').removeClass('layui-hide')
            .find('img').attr('src', res.files.file);
            console.log(res)
            }
        });
    });
</script>

</html>